/*
 * 字体颜色
 * [font-primary]{
     color:#333333
 }
   [font-secondary]{
       color:#666666
   }
   ...
 */
@each $style
  in (
    primary $color-text-primary,
    secondary $color-text-secondary,
    tertiary $color-text-tertiary,
    quaternary $color-text-quaternary
  )
{
  [font-#{nth($style,1)}] {
    color: #{nth($style, 2)};
  }
}

/*
 * 背景颜色
   [bga2]{
       background-color:rgba(0,0,0,0.2)
   }

   [bg-primary]{
       background-color:#f1f1f1s
   }
   ...
*/
@each $i in 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 {
  [bga#{$i * 10}] {
    background-color: rgba(0, 0, 0, $i);
  }
}

@each $style
  in (
    primary $background-color-primary,
    secondary $background-color-secondary,
    tertiary $background-color-tertiary
  )
{
  [bg-#{nth($style,1)}] {
    background-color: #{nth($style, 2)};
  }
}

/* 滤镜 */
[brightness-120] {
  filter: brightness(120%);
}

[brightness-140] {
  filter: brightness(140%);
}

[brightness-140-sepia-40] {
  filter: brightness(120%) sepia(40%);
}
